{"version":3,"file":"static/css/main.15a10ec9.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAEY,CAHZ,QAMF,CAEA,KACE,uEAEF,CCZA,KACE,wBACF,CAEA,KAIE,kCAAuC,CADvC,aAAc,CADd,eAAgB,CADhB,iBAIF,CAEA,YAQE,kBAAmB,CAPnB,wBAAyB,CAWzB,qBAAsB,CAVtB,UAAY,CAKZ,YAAa,CAEb,6BAA8B,CAJ9B,eAAgB,CAMhB,YAAa,CARb,cAAe,CAGf,KAAM,CAFN,UAAW,CAMX,UAGF,CAEA,aAIE,wBAAyB,CADzB,sBAEF,CAEA,kBANE,YAAa,CACb,qBAWF,CANA,KAKE,wBAAyB,CAHzB,iBAAkB,CADlB,YAKF,CAEA,wBACE,SACF,CAEA,8BACE,eACF,CAEA,8BACE,eACF,CAEA,KAKE,kBAAmB,CAHnB,wBAAyB,CAMzB,yBAA0B,CAD1B,QAAS,CAHT,YAAa,CAHb,WAAY,CAEZ,iBAAkB,CAGlB,uBAAgB,CAAhB,eAGF,CAEA,YACE,wBAAyB,CACzB,UAAY,CAIZ,gBAAiB,CAFjB,iBAGF,CAEA,kBANE,WAAY,CAEZ,iBAeF,CAXA,MAIE,kBAAmB,CACnB,UAAW,CAJX,QAAO,CAEP,cAAe,CADf,WAAY,CAQZ,iBAAiB,CADjB,YAAa,CADb,gBAGF,CAEA,OAEE,wBAAyB,CACzB,WAAY,CACZ,UAAY,CAKZ,cAAe,CADf,oBAAqB,CAPrB,SAAU,CASV,iBAAkB,CALlB,iBAAkB,CAClB,iBAAkB,CAClB,oBAIF,CAEA,gBAEE,kBAAmB,CADnB,UAEF,CAGA,MAEE,eAAgB,CADhB,eAEF,CAEA,EAIE,kBAAmB,CAEnB,UAAW,CAJX,gBAAiB,CADjB,kBAAmB,CAEnB,iBAAkB,CAElB,iBAAkB,CAElB,iBACF,CAEA,SAGE,sBAAuB,CAIvB,qBAAsB,CADtB,kBAAmB,CAEnB,UAAW,CAPX,YAAa,CACb,qBAAsB,CAEtB,aAAc,CACd,YAIF,CAEA,UACE,eAAiB,CACjB,gBACF,CAEA,cACE,UAAW,CACX,eACF,CAEA,WAGE,oBAAqB,CAFrB,QAAS,CACT,WAAY,CAEZ,kBACF,CAGA,eACE,QAAO,CAaP,4BAAgC,CAZhC,gBAAiB,CAWjB,eAAgB,CAFhB,eAAgB,CAChB,qBAGF,CAGA,+BAbE,kBAAmB,CAEnB,WAAY,CACZ,iBAAkB,CAFlB,UAAW,CAFX,cAAe,CAMf,YAAa,CADb,gBAAiB,CANjB,SA4BF,CAbA,gBACE,QAAO,CACP,WAAY,CAUZ,kBAAmB,CADnB,iBAEF,CAGA,iBACE,wBAAyB,CAEzB,WAAY,CAEZ,iBAAkB,CAHlB,UAAY,CAIZ,aAAc,CAFd,iBAGF,CAEA,aACE,wBACF,CAEA,gBAEE,kBAAmB,CACnB,wBAAyB,CAIzB,yBAA0B,CAD1B,QAAS,CALT,YAAa,CAGb,iBAAkB,CAClB,uBAAgB,CAAhB,eAGF,CAEA,iBAIE,sBAAuB,CAHvB,YAAa,CAEb,qBAAsB,CADtB,cAAe,CAIf,iBAAkB,CADlB,UAEF,CAEA,YACE,gBACF,CAEA,YAEE,qBAAsB,CADtB,aAEF,CAEA,yBAEE,wBACE,eACF,CAIA,YACE,UACF,CALF,CASA,OACE,cAAe,CAEf,kBAIF,CAEA,cAHE,UAAW,CAJX,QAAS,CAET,gBAAiB,CACjB,iBAWF,CAPA,OACE,cAAe,CAGf,eAGF,CAEA,yBACE,OACE,cACF,CAEA,OACE,cACF,CACF","sources":["index.css","App.css"],"sourcesContent":["body {\r\n  margin: 0;\r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n    sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n    monospace;\r\n}\r\n","body {\r\n  background-color: #f3f3f3; /* Light gray background */\r\n}\r\n\r\n.App {\r\n  text-align: center;\r\n  max-width: 728px;\r\n  margin: 0 auto;\r\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.App header {\r\n  background-color: #235aa1; /* Dark header background */\r\n  color: white;\r\n  position: fixed;\r\n  width: 100%;\r\n  max-width: 728px;\r\n  top: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  z-index: 99;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.App section {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  background-color: #e6e6e6; /* Light gray background */\r\n}\r\n\r\nmain {\r\n  padding: 10px;\r\n  overflow-y: scroll;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #f3f3f3; /* Light gray content background */\r\n}\r\n\r\nmain::-webkit-scrollbar {\r\n  width: 5px; /* Wider scrollbar */\r\n}\r\n\r\nmain::-webkit-scrollbar-track {\r\n  background: #ddd; /* Light gray track */\r\n}\r\n\r\nmain::-webkit-scrollbar-thumb {\r\n  background: #666; /* Dark gray thumb */\r\n}\r\n\r\nform {\r\n  height: auto; /* Adjust the height to fit the content */\r\n  background-color: #e6e6e6;\r\n  padding: 10px 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  position: sticky;\r\n  bottom: 0;\r\n  border-top: 1px solid #ccc; /* Divider between form and chat */\r\n}\r\n\r\nform button {\r\n  background-color: #0078d4; /* Blue send button */\r\n  color: white;\r\n  border: none;\r\n  padding: 12px 20px;\r\n  border-radius: 5px;\r\n  margin-left: 10px; /* Space between input and button */\r\n}\r\n\r\ninput {\r\n  flex: 2; /* Fill available space */\r\n  height: 40px; /* Adjust the input height */\r\n  font-size: 16px; /* Slightly smaller font size */\r\n  background: #f9f9f9; /* Light gray input background */\r\n  color: #333; /* Darker text color */\r\n  border: none;\r\n  border-radius: 5px;\r\n  padding: 5px 10px;\r\n  outline: none;\r\n  margin-right: 10px\r\n}\r\n\r\nbutton {\r\n  flex: none;\r\n  background-color: #282c34;\r\n  border: none;\r\n  color: white;\r\n  padding: 15px 32px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  font-size: 1.25rem;\r\n}\r\n\r\nbutton:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}\r\n\r\n\r\nul, li {\r\n  text-align: left;\r\n  list-style: none;\r\n}\r\n\r\np {\r\n  margin-bottom: 12px;\r\n  line-height: 24px;\r\n  padding: 10px 20px;\r\n  border-radius: 25px;\r\n  position: relative;\r\n  color: #333;\r\n  text-align: center;\r\n}\r\n\r\n.message {\r\n  display: flex;\r\n  flex-direction: column; /* Display username and text in a column */\r\n  align-items: flex-start; /* Align items to the top */\r\n  margin: 10px 0;\r\n  padding: 10px;\r\n  border-radius: 10px;\r\n  background-color: #fff; /* White received message bubble */\r\n  color: #333;\r\n}\r\n\r\n.username {\r\n  font-weight: bold;\r\n  margin-right: 5px;\r\n}\r\n\r\n.message-date {\r\n  color: #888; /* Adjust the color as needed */\r\n  font-size: 0.8rem; /* Adjust the font size as needed */\r\n}\r\n\r\n.message p {\r\n  margin: 0;\r\n  padding: 5px;\r\n  word-wrap: break-word;\r\n  text-align: justify; /* Align text to the left */\r\n}\r\n\r\n/* Textarea styles */\r\n.message-input {\r\n  flex: 2;\r\n  min-height: 100px;\r\n  width: 95%;\r\n  font-size: 16px;\r\n  background: #f9f9f9;\r\n  color: #333;\r\n  border: none;\r\n  border-radius: 5px;\r\n  padding: 5px 10px;\r\n  outline: none;\r\n  resize: vertical;\r\n  transition: height 0.2s;\r\n  overflow-y: auto;\r\n  font-family: 'Arial', sans-serif;\r\n}\r\n\r\n\r\n.username-input {\r\n  flex: 1;\r\n  height: 45px;\r\n  width: 95%;\r\n  font-size: 16px;\r\n  background: #f9f9f9;\r\n  color: #333;\r\n  border: none;\r\n  border-radius: 5px;\r\n  padding: 5px 10px;\r\n  outline: none;\r\n  margin-right: 10px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n\r\nbutton.load-more {\r\n  background-color: #0078d4;\r\n  color: white;\r\n  border: none;\r\n  padding: 12px 20px;\r\n  border-radius: 5px;\r\n  margin: 10px 0;\r\n}\r\n\r\nbutton:hover {\r\n  background-color: #0057a3; /* Change color on hover */\r\n}\r\n\r\n.form-container {\r\n  display: flex;\r\n  align-items: center;\r\n  background-color: #e6e6e6;\r\n  padding: 10px 20px;\r\n  position: sticky;\r\n  bottom: 0;\r\n  border-top: 1px solid #ccc;\r\n}\r\n\r\n.input-container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  width: 100%;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.imageStyle {\r\n  max-height: 130px;      \r\n}\r\n\r\n.HeaderText {\r\n  max-width: 70%;\r\n  flex-direction: column;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  /* CSS styles for screens with a maximum width of 768px (phones) */\r\n  .App header .imageStyle {\r\n    max-height: 70px; /* Adjust the desired height for the image */\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .HeaderText {\r\n    width: 100%; /* Adjust the width for smaller screens */\r\n  }\r\n}\r\n\r\n\r\n.line1 {\r\n  font-size: 20px; /* Adjust the font size for the first line */\r\n  margin: 0; /* Add spacing between the two lines */\r\n  padding-bottom: 5px;\r\n  padding-left: 5px;\r\n  padding-right: 5px;\r\n  color: #fff;\r\n}\r\n\r\n.line2 {\r\n  font-size: 16px; /* Adjust the font size for the second line */\r\n  color: #fff;\r\n  margin: 0; /* Add spacing between the two lines */\r\n  padding-top: 5px;\r\n  padding-left: 5px;\r\n  padding-right: 5px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .line1 {\r\n    font-size: 16px; /* Smaller font size for phones */\r\n  }\r\n\r\n  .line2 {\r\n    font-size: 14px; /* Smaller font size for phones */\r\n  }\r\n}"],"names":[],"sourceRoot":""}